<template>
  <div>
    <!-- 认证信息主体 -->
    <div class="box" v-loading="loading">
      <div class="title">
        <h3>
          <span>平台认证</span>
        </h3>
      </div>
      <div class="f1">
        <ul>
          <li>
            <div class="icon">
              <img class="icon1" src="@/assets/kuajing/组172.png" alt="" />
              <img class="icon2" src="@/assets/kuajing/组175.png" alt="" />
            </div>
            <span>经办人认证</span>
          </li>
          <li>
            <div class="icon">
              <img class="icon1" src="@/assets/kuajing/组174.png" alt="" />
              <img class="icon2" src="@/assets/kuajing/组175.png" alt="" />
            </div>
            <span style="margin-left: -0.2083rem">组织信息核验</span>
          </li>
          <li>
            <div class="icon">
              <img class="icon1" src="@/assets/kuajing/组178.png" alt="" />
              <img class="icon2" src="@/assets/kuajing/组175.png" alt="" />
            </div>
            <span style="margin-left: -0.0833rem">意愿认证</span>
          </li>
          <li>
            <div class="icon">
              <img class="icon1" src="@/assets/kuajing/组179.png" alt="" />
            </div>
            <span style="margin-left: 0px; color: #999">完成</span>
          </li>
        </ul>
      </div>
      <div style="display: flex; flex-direction: column; align-items: center">
        <!-- 提示 -->
        <div class="hint" v-show="row == 1">
          <img src="@/assets/authentication/组26.png" alt="" />
          <div>
            <p>经办人是法定代表人 <span @click="addentYJRZ">一键认证</span></p>
          </div>
        </div>
        <!-- 提示 -->
        <div class="hint" v-show="row == 2"></div>
        <!-- 认证方式 -->
        <div class="f2">
          <p>认证方式</p>
          <div class="option">
            <div class="option-d1" :class="{ active: row == 1 }" @click="row = 1">
              法定代表人手机号认证
            </div>
            <!-- <div class="option-d1" :class="{ active: row == 2 }" @click="row = 2">
            银行卡认证
          </div> -->
            <div
              class="option-d1"
              :class="{ active: row == 2 }"
              @click="row = 2"
              style="margin-left: 0.1563rem"
            >
              企业打款认证
            </div>
          </div>
        </div>

        <!-- 法定代表人手机号认证模块 -->
        <template v-if="row == 1">
          <div class="f3">
            <ul>
              <li>
                <el-form
                  disabled
                  :model="addentPhone"
                  :rules="addentPhoneRules"
                  label-width="1.1979rem"
                >
                  <el-form-item key="name" label="法定代表人姓名" prop="name">
                    <el-input v-model="addentPhone.name" @blur="name"></el-input>
                  </el-form-item>
                </el-form>
              </li>
              <li>
                <el-form
                  disabled
                  :model="addentPhone"
                  :rules="addentPhoneRules"
                  label-width="1.1979rem"
                >
                  <el-form-item key="idNumber" label="法定代表人身份证号码" prop="idNumber">
                    <el-input v-model="addentPhone.idNumber" @blur="idNumber"></el-input>
                  </el-form-item>
                </el-form>
              </li>
              <li>
                <el-form
                  disabled
                  :model="addentPhone"
                  :rules="addentPhoneRules"
                  label-width="1.1979rem"
                >
                  <el-form-item key="mobile" label="法定代表人手机号" prop="mobile">
                    <el-input v-model="addentPhone.mobile" @blur="mobile"></el-input>
                  </el-form-item>
                </el-form>
              </li>
              <li style="position: relative">
                <el-form :model="addentPhone" :rules="addentPhoneRules" label-width="1.1979rem">
                  <el-form-item key="authcode" label="手机验证码" prop="authcode">
                    <el-input v-model="addentPhone.authcode" @blur="authcode"></el-input>
                    <p
                      v-if="time == 60"
                      @click="addentPhoneCode"
                      style="
                        font-size: 0.0833rem;
                        color: #3f6ef2;
                        position: absolute;
                        right: 0.0938rem;
                        top: 0px;
                        cursor: pointer;
                      "
                    >
                      <button
                        :disabled="isLock"
                        style="font-size: 0.0833rem; color: #3f6ef2; background: #fff"
                      >
                        获取验证码
                      </button>
                    </p>
                    <p
                      v-else
                      style="
                        font-size: 0.0833rem;
                        color: #3f6ef2;
                        position: absolute;
                        right: 0.0938rem;
                        top: 0px;
                        cursor: pointer;
                      "
                    >
                      {{ time }}秒后重新获取
                    </p>
                  </el-form-item>
                </el-form>
              </li>
            </ul>
          </div>

          <div class="agreement">
            <img
              @click="submitBtn"
              :src="require(`@/assets/authentication/组${radio ? '38' : '39'}.png`)"
              alt=""
            />
            <span> 阅读并同意 </span>
            <a
              href="http://operate.thunlink.cn/protocol/4 企业授权协议-商驿/4 企业授权协议-商驿.html"
              target="_back"
              >《电子签名授权协议》</a
            >
          </div>
          <!-- 上一步/保存/提交 按钮 -->
          <div class="submit">
            <!-- <div class="btn btn1" @click="goLast()">上一步</div> -->
            <el-tooltip placement="top" v-if="!btn">
              <div slot="content">请勾选授权协议<br />确认填写的信息是否完整</div>
              <button
                class="btn btn3"
                v-bind:class="{ active: btn & radio }"
                @click="addentPhoneApprove()"
                :disabled="isLock"
              >
                提交
              </button>
            </el-tooltip>
            <div
              v-else
              class="btn btn3"
              v-bind:class="{ active: btn & radio }"
              @click="addentPhoneApprove()"
            >
              提交
            </div>
          </div>
        </template>
        <!-- 企业打款认证模块 -->
        <template v-if="row == 2">
          <div class="remit-f1" style="margin-top: 0.1042rem; margin-left: 0.5208rem">
            <div class="remit-f1-f2">
              <div class="remit-f1-f1">
                <!-- 提示 -->
                <div class="hint" style="margin-top: 0px">
                  <img src="@/assets/authentication/组26.png" alt="" />
                  <div>
                    <p>请您回填汇入金额，完成实名认证</p>
                  </div>
                </div>
              </div>
              <div class="remit-f1-f2-name">
                <div>
                  <div class="label label1">付款方</div>
                  <h4>杭州天谷信息科技有限公司</h4>
                </div>
                <div>
                  <div class="label label2">0.XX</div>
                  <img src="@/assets/kuajing/组190.png" alt="" />
                </div>
                <div>
                  <!-- 标签 -->
                  <div class="label label3">收款方</div>
                  <h4>{{ entname }}</h4>
                  <!-- <h4>北京氨基酸的就爱看的接口</h4> -->
                </div>
                <!-- <h4 style="width: 280px">北京商驿科技有限公司</h4> -->
              </div>
            </div>
          </div>
          <div class="remit-f3" style="margin-top: 0.1823rem; width: 100%">
            <ul>
              <li>
                <el-form
                  class="enterpriseName"
                  :model="remit"
                  :rules="remitRules"
                  label-width="1.0983rem"
                >
                  <el-form-item key="bank" label="开户行总行名称" prop="bank">
                    <el-input v-model="remit.bank" />
                  </el-form-item>
                </el-form>
                <el-form
                  class="enterpriseName"
                  :model="remit"
                  :rules="remitRules"
                  label-width="1.0983rem"
                >
                  <el-form-item label="开户行支行名称全称" prop="subbranch">
                    <el-input v-model="remit.subbranch" />
                  </el-form-item>
                </el-form>
              </li>
              <li>
                <el-form
                  class="enterpriseName"
                  :rules="remitRules"
                  :model="remit"
                  label-width="1.0983rem"
                >
                  <el-form-item label="开户行所在省份名称" prop="province">
                    <el-select
                      v-on:change="getProv($event)"
                      v-model="remit.province"
                      placeholder="请选择"
                    >
                      <el-option
                        v-for="item in provs"
                        :label="item.label"
                        :value="item.value"
                        :key="item.value"
                      ></el-option>
                    </el-select>
                  </el-form-item>
                </el-form>
                <el-form
                  class="enterpriseName"
                  :rules="remitRules"
                  :model="remit"
                  label-width="1.0983rem"
                >
                  <el-form-item label="开户行所在城市名称" prop="city">
                    <el-select
                      v-on:change="getCity($event)"
                      v-model="remit.city"
                      placeholder="请选择"
                    >
                      <el-option
                        v-for="item in citys"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      ></el-option>
                    </el-select>
                  </el-form-item>
                </el-form>
              </li>
              <li style="position: relative">
                <el-form
                  class="enterpriseName"
                  :model="remit"
                  :rules="remitRules"
                  label-width="1.0983rem"
                >
                  <el-form-item label="银行卡号" prop="cardNo">
                    <el-input v-model="remit.cardNo" />
                  </el-form-item>
                </el-form>
                <el-form
                  class="enterpriseName"
                  :model="remit"
                  :rules="remitRules"
                  label-width="1.0983rem"
                >
                  <el-form-item label="联行号" prop="cnapsCode">
                    <el-input v-model="remit.cnapsCode" />
                    <p
                      :disabled="isLock"
                      @click="getLineNumber"
                      style="
                        font-size: 0.0833rem;
                        color: #3f6ef2;
                        position: absolute;
                        right: 0.0938rem;
                        top: 0px;
                        cursor: pointer;
                      "
                    >
                      <button
                        :disabled="isLock"
                        style="font-size: 0.0833rem; color: #3f6ef2; background: #fff"
                      >
                        获取联行号
                      </button>
                    </p>
                  </el-form-item>
                </el-form>
              </li>
            </ul>
          </div>
          <!-- 上一步/保存/提交 按钮 -->
          <div class="submit">
            <!-- <div class="btn btn1" @click="goLast()">上一步</div> -->
            <button class="btn btn3 active" @click="submit()" :disabled="isLock">下一步</button>
          </div>
        </template>
      </div>
    </div>

    <!-- 修改账号信息弹窗 -->
    <el-dialog
      :closeOnClickModal="false"
      title="修改账号信息"
      :visible.sync="inviteDialogVisible"
      width="30%"
      center
    >
      <!-- 内容区域 -->
      <div class="dialog-center"></div>
      <!-- 按钮区域 -->
      <div slot="footer" class="dialog-footer">
        <button class="dialog-footer-bnt btn1" @click="inviteDialogVisible = false">取 消</button>
        <button class="dialog-footer-bnt btn2" @click="updateUserInfo()">确 定</button>
      </div>
    </el-dialog>
    <!-- 弹框 -->
    <el-dialog :visible.sync="dialogVisible">
      <img width="100%" :src="dialogImageUrl" alt="" />
    </el-dialog>
  </div>
</template>

<script>
import {
  base,
  addentYJRZ,
  addentPhoneCode,
  addentQYDK,
  addentQYDKs,
  subbranch,
  entHX
} from '@/utils'
export default {
  data() {
    return {
      loading: false,
      fileListFront: [], //身份证正面
      fileListReverse: [], //身份证反面
      dialogImageUrl: '', //查看缩略图
      dialogVisible: false,
      disabled: false,
      isLock: false, // 控制按钮的disable属性
      remitRadio: true,
      row: 1,
      time: 60,
      base: '',
      entname: '',
      inviteDialogVisible: false,
      radio: false, //企业授权服务状态变量
      btn: false,
      agentaccountid: '',
      // 法定人手机号认证
      addentPhone: {
        accountid: '',
        authcode: '',
        idNumber: '',
        idType: 'CRED_PSN_CH_IDCARD',
        mobile: '',
        name: '',
        flowId: '',
        objecttype: 'RZfile',
        fraccountid: ''
      },
      // 企业打款认证
      remit: {
        bank: '', //开户行总行名称
        subbranch: '', //开户行支行名称全称
        province: '', //开户行所在省份名称
        city: '', //开户行所在城市名称
        cnapsCode: '', //联行号
        cardNo: '', //银行卡号
        flowId: '' //
      },
      // 表单校验
      // 法定人手机号认证
      addentPhoneRules: {
        idNumber: [{ required: true, message: '格式错误，请重新输入', trigger: 'blur' }],
        mobile: [{ required: true, message: '格式错误，请重新输入', trigger: 'blur' }],
        name: [{ required: true, message: ' ', trigger: 'blur' }],
        authcode: [{ required: true, message: ' ', trigger: 'blur' }]
      },
      // 企业打款认证
      remitRules: {
        bank: [{ required: true, message: ' ', trigger: 'blur' }],
        subbranch: [{ required: true, message: ' ', trigger: 'blur' }],
        province: [{ required: true, message: ' ', trigger: 'blur' }],
        city: [{ required: true, message: ' ', trigger: 'blur' }],
        cnapsCode: [{ required: true, message: ' ', trigger: 'blur' }],
        cardNo: [{ required: true, message: ' ', trigger: 'blur' }]
      },
      // 城市
      provs: [
        { label: '请选择', value: ' ' },
        { label: '北京市', value: '北京市' },
        { label: '天津市', value: '天津市' },
        { label: '河北省', value: '河北省' },
        { label: '山西省', value: '山西省' },
        { label: '内蒙古自治区', value: '内蒙古自治区' },
        { label: '辽宁省', value: '辽宁省' },
        { label: '吉林省', value: '吉林省' },
        { label: '黑龙江省', value: '黑龙江省' },
        { label: '上海市', value: '上海市' },
        { label: '江苏省', value: '江苏省' },
        { label: '浙江省', value: '浙江省' },
        { label: '安徽省', value: '安徽省' },
        { label: '福建省', value: '福建省' },
        { label: '江西省', value: '江西省' },
        { label: '山东省', value: '山东省' },
        { label: '河南省', value: '河南省' },
        { label: '湖北省', value: '湖北省' },
        { label: '湖南省', value: '湖南省' },
        { label: '广东省', value: '广东省' },
        { label: '广西壮族自治区', value: '广西壮族自治区' },
        { label: '海南省', value: '海南省' },
        { label: '重庆市', value: '重庆市' },
        { label: '四川省', value: '四川省' },
        { label: '贵州省', value: '贵州省' },
        { label: '云南省', value: '云南省' },
        { label: '西藏自治区', value: '西藏自治区' },
        { label: '陕西省', value: '陕西省' },
        { label: '甘肃省', value: '甘肃省' },
        { label: '青海省', value: '青海省' },
        { label: '宁夏回族自治区', value: '宁夏回族自治区' },
        { label: '新疆维吾尔自治区', value: '新疆维吾尔自治区' },
        { label: '台湾省', value: '台湾省' },
        { label: '香港特别行政区', value: '香港特别行政区' },
        { label: '澳门特别行政区', value: '澳门特别行政区' }
      ],
      citys: [],
      selectProv: '',
      selectCity: ''
    }
  },
  mounted() {
    this.addentPhone.fraccountid = sessionStorage.getItem('fraccountid')
    this.addentPhone.accountid = sessionStorage.getItem('accountid')
    this.agentaccountid = sessionStorage.getItem('agentaccountid')
    this.addentPhone.name = sessionStorage.getItem('name')
    this.addentPhone.idNumber = sessionStorage.getItem('idNumber')
    this.addentPhone.mobile = sessionStorage.getItem('Phone')
    this.entname = sessionStorage.getItem('entname')
    this.base = base
    this.entHX()
  },
  // 方法
  methods: {
    // 信息回显
    async entHX() {
      let customerid = sessionStorage.getItem('customerid')
      if (!customerid) return
      let { data } = await entHX(customerid)
      if (!data) return
      // // 获取法人id
      this.addentPhone.fraccountid = data.ent.fraccountid
      sessionStorage.setItem('fraccountid', data.ent.fraccountid)
    },
    // 表单事件
    name() {
      this.submitBtns()
    },
    authcode() {
      this.submitBtns()
    },
    idNumber() {
      this.submitBtns()
      let fincertNO = this.addentPhone.idNumber
      let IDRe18 =
        /^([1-6][1-9]|50)\d{4}(18|19|20)\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/
      let IDre15 = /^([1-6][1-9]|50)\d{4}\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}$/
      if (IDRe18.test(fincertNO) || IDre15.test(fincertNO)) {
        //判断第18位校验值
        if (fincertNO.length == 18) {
          let charArray = Array.from(fincertNO)
          //前十七位加权因子
          let idCardWi = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2]
          //这是除以11后，可能产生的11位余数对应的验证码
          let idCardY = ['1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2']
          let sum = 0
          for (let i = 0; i < idCardWi.length; i++) {
            let current = charArray[i]
            let count = current * idCardWi[i]
            sum += count
          }
          let idCardLast = charArray[17]
          let idCardMod = sum % 11
          if (idCardY[idCardMod].toUpperCase() == idCardLast.toUpperCase()) {
            return true
          } else {
            this.addentPhone.idNumber = ''
          }
        }
      } else {
        this.addentPhone.idNumber = ''
      }
    },
    mobile() {
      this.submitBtns()
      let reg = /^1[3-9]\d{9}$/
      if (!reg.test(this.addentPhone.mobile)) {
        this.addentPhone.mobile = ''
      }
    },

    // 获取验证码
    async addentPhoneCode() {
      this.loading = true
      this.isLock = true
      setTimeout(() => {
        this.isLock = false
      }, 3000)
      let { name, idNumber, mobile } = this.addentPhone
      if (name.trim() == '' || idNumber.trim() == '' || mobile.trim() == '') {
        this.loading = false
        this.$Message.error('请填写信息')
        return
      }
      let data = await addentPhoneCode(this.addentPhone)
      if (data.code == 100) {
        this.loading = false
        this.addentPhone.flowId = data.data.json2.flowId
        this.addentPhone.accountid = data.data.json2.accountid
        this.$Message.success('短信发送成功')
        let times = setInterval(() => {
          this.time--
          this.time = this.time
          if (this.time == -1) {
            clearInterval(times)
            this.time = 60
          }
        }, 1000)
        return
      }
      this.loading = false
      this.$Message.error('请输入正确的法定代表人信息')
    },
    // 法定代表人手机号认证
    async addentPhoneApprove() {
      if (!this.btn) return
      this.loading = true
      this.isLock = true
      setTimeout(() => {
        this.isLock = false
      }, 3000)
      if (!this.btn) return
      let { accountid, authcode, idNumber, idType, mobile, name, flowId, fraccountid } =
        this.addentPhone
      let token = sessionStorage.getItem('token')
      let url =
        this.base +
        `/api/ents/addentPhone?accountid=${accountid}&authcode=${authcode}&idNumber=${idNumber}&idType=${idType}&mobile=${mobile}&name=${name}&flowId=${flowId}&fraccountid=${fraccountid}`
      this.axios
        .post(
          url,
          { data: {} },
          {
            headers: { 'Content-Type': 'multipart/form-data', 'x-auth': token }
          }
        )
        .then(res => {
          if (res.data.code == 100) {
            this.loading = false
            let token = res.data.data.token
            let rzstatus = res.data.data.rzstatus
            let coopid = res.data.data.coopid
            this.$router.push('/authentication4')
            this.$Message.success('认证成功')
            sessionStorage.setItem('token', token)
            sessionStorage.setItem('rzstatus', rzstatus)
            sessionStorage.setItem('coopid', coopid)
            return
          } else if (res.data.code == 31002) {
            this.loading = false
            this.$Message.error('验证码校验失败')
            return
          } else if (res.data.code == 30500002) {
            this.loading = false
            this.$Message.error('认证流程已结束')
            return
          }
          this.loading = false
          this.$Message.error('请输入正确的法定代表人信息')
        })
        .catch(error => {
          this.loading = false
          this.$Message.error('请输入正确的法定代表人信息')
        })
    },
    //一键认证
    async addentYJRZ() {
      if (!this.radio) return this.$Message.error('请勾选协议')
      this.loading = true
      let data = await addentYJRZ()
      if (data.code == 100) {
        this.loading = false
        this.$router.push('/authentication4')
        this.$Message.success('认证成功')
        return
      }
      this.loading = false
      this.$Message.error('法定代表人与经办人信息不一致')
    },
    //企业打款认证下一步
    async submit() {
      this.loading = true
      this.isLock = true
      setTimeout(() => {
        this.isLock = false
      }, 3000)
      let { bank, subbranch, province, city, cnapsCode, cardNo } = this.remit
      if (
        bank.trim() == '' ||
        subbranch.trim() == '' ||
        province.trim() == '' ||
        city.trim() == '' ||
        cnapsCode.trim() == '' ||
        cardNo.trim() == ''
      ) {
        this.loading = false
        this.$Message.error('请填写信息')
        return
      }
      let parameter = {
        bank: this.remit.bank,
        subbranch: this.remit.subbranch,
        province: this.remit.province,
        city: this.remit.city,
        cnapsCode: this.remit.cnapsCode,
        cardNo: this.remit.cardNo,
        flowId: this.remit.flowId
      }
      let datas = await addentQYDKs(parameter)
      if (datas.code == 100) {
        this.loading = false
        this.$router.push(`/authentication3?flowId=${this.remit.flowId}`)
        return
      }
      this.loading = false
      this.$Message.error('打款认证失败')
    },
    // 获取联行号
    async getLineNumber() {
      this.loading = true
      this.isLock = true
      setTimeout(() => {
        this.isLock = false
      }, 3000)
      let subbranchs = this.remit.subbranch
      let { bank, province, city, cardNo } = this.remit
      if (
        subbranchs.trim() == '' ||
        bank.trim() == '' ||
        province.trim() == '' ||
        city.trim() == '' ||
        cardNo.trim() == ''
      ) {
        this.loading = false
        this.$Message.error('请填写信息')
        return
      }

      let parameters = {
        agentAccountId: this.agentaccountid,
        accountId: this.addentPhone.accountid,
        frAuthEnable: '',
        repetition: ''
      }
      let data = await addentQYDK(parameters)
      if (data.code == 100) {
        this.loading = false
        this.remit.flowId = data.data.json2.flowId
        let lineNumber = await subbranch(this.remit.flowId, subbranchs)
        let cnapsCode = lineNumber.data.list[0].cnapsCode
        this.remit.cnapsCode = cnapsCode
        return
      }
      this.loading = false
      this.$Message.error('获取联行号失败')
    },

    submitBtn() {
      this.radio = !this.radio
      this.submitBtns()
    },
    submitBtns() {
      if (
        (this.addentPhone.authcode != '') &
        (this.addentPhone.idNumber != '') &
        (this.addentPhone.mobile != '') &
        (this.addentPhone.name != '') &
        this.radio
      ) {
        this.btn = true
      } else {
        this.btn = false
      }
    },
    // 文件上传
    // 删除缩略图
    handleRemove2(file) {
      this.$refs.pictureUpload2.handleRemove(file)
      this.fileListFront = []
      this.submitBtns()
    },
    handleRemove3(file) {
      this.$refs.pictureUpload3.handleRemove(file)
      this.fileListReverse = []
      this.submitBtns()
    },
    // 查看缩略图
    handlePictureCardPreview(file) {
      this.dialogImageUrl = file.url
      this.dialogVisible = true
    },
    // 正面-----------------------------------------------------
    handleChangeFront(file, fileList) {
      this.fileListFront = fileList[0].raw
      this.submitBtns()
    },
    //自定义上传文件
    uploadFileFront(file) {
      // this.formData.append("file", file.file);
      return
    },

    // 反面——————————————————————————————————————————————————————————
    handleChangeReverse(file, fileList) {
      this.fileListReverse = fileList[0].raw
      this.submitBtns()
    },
    //自定义上传文件
    uploadFileReverse(file) {
      // this.formData.append("file1", file.file);
      return
    },
    // 上一步
    goLast() {
      this.$router.go(-1)
    },
    // 身份证号码校验
    //     // 身份证号
    appFincerNo() {},
    // 城市选择二级联动
    // 选择城市
    getCity(val) {
      this.remit.city = val
    },
    // 选择省份
    getProv(prov) {
      this.remit.city = ''
      let tempCity = []
      this.citys = []
      this.selectCity = ''
      let allCity = [
        {
          prov: '北京市',
          label: '北京市'
        },
        {
          prov: '天津市',
          label: '天津市'
        },
        {
          prov: '河北省',
          label: '石家庄市'
        },
        {
          prov: '河北省',
          label: '唐山市'
        },
        {
          prov: '河北省',
          label: '秦皇岛市'
        },
        {
          prov: '河北省',
          label: '邯郸市'
        },
        {
          prov: '河北省',
          label: '邢台市'
        },
        {
          prov: '河北省',
          label: '保定市'
        },
        {
          prov: '河北省',
          label: '张家口市'
        },
        {
          prov: '河北省',
          label: '承德市'
        },
        {
          prov: '河北省',
          label: '沧州市'
        },
        {
          prov: '河北省',
          label: '廊坊市'
        },
        {
          prov: '河北省',
          label: '衡水市'
        },
        {
          prov: '山西省',
          label: '太原市'
        },
        {
          prov: '山西省',
          label: '大同市'
        },
        {
          prov: '山西省',
          label: '阳泉市'
        },
        {
          prov: '山西省',
          label: '长治市'
        },
        {
          prov: '山西省',
          label: '晋城市'
        },
        {
          prov: '山西省',
          label: '朔州市'
        },
        {
          prov: '山西省',
          label: '晋中市'
        },
        {
          prov: '山西省',
          label: '运城市'
        },
        {
          prov: '山西省',
          label: '忻州市'
        },
        {
          prov: '山西省',
          label: '临汾市'
        },
        {
          prov: '山西省',
          label: '吕梁市'
        },
        {
          prov: '内蒙古自治区',
          label: '呼和浩特市'
        },
        {
          prov: '内蒙古自治区',
          label: '包头市'
        },
        {
          prov: '内蒙古自治区',
          label: '乌海市'
        },
        {
          prov: '内蒙古自治区',
          label: '赤峰市'
        },
        {
          prov: '内蒙古自治区',
          label: '通辽市'
        },
        {
          prov: '内蒙古自治区',
          label: '鄂尔多斯市'
        },
        {
          prov: '内蒙古自治区',
          label: '呼伦贝尔市'
        },
        {
          prov: '内蒙古自治区',
          label: '巴彦淖尔市'
        },
        {
          prov: '内蒙古自治区',
          label: '乌兰察布市'
        },
        {
          prov: '内蒙古自治区',
          label: '兴安盟'
        },
        {
          prov: '内蒙古自治区',
          label: '锡林郭勒盟'
        },
        {
          prov: '内蒙古自治区',
          label: '阿拉善盟'
        },
        {
          prov: '辽宁省',
          label: '沈阳市'
        },
        {
          prov: '辽宁省',
          label: '大连市'
        },
        {
          prov: '辽宁省',
          label: '鞍山市'
        },
        {
          prov: '辽宁省',
          label: '抚顺市'
        },
        {
          prov: '辽宁省',
          label: '本溪市'
        },
        {
          prov: '辽宁省',
          label: '丹东市'
        },
        {
          prov: '辽宁省',
          label: '锦州市'
        },
        {
          prov: '辽宁省',
          label: '营口市'
        },
        {
          prov: '辽宁省',
          label: '阜新市'
        },
        {
          prov: '辽宁省',
          label: '辽阳市'
        },
        {
          prov: '辽宁省',
          label: '盘锦市'
        },
        {
          prov: '辽宁省',
          label: '铁岭市'
        },
        {
          prov: '辽宁省',
          label: '朝阳市'
        },
        {
          prov: '辽宁省',
          label: '葫芦岛市'
        },
        {
          prov: '吉林省',
          label: '长春市'
        },
        {
          prov: '吉林省',
          label: '吉林市'
        },
        {
          prov: '吉林省',
          label: '四平市'
        },
        {
          prov: '吉林省',
          label: '辽源市'
        },
        {
          prov: '吉林省',
          label: '通化市'
        },
        {
          prov: '吉林省',
          label: '白山市'
        },
        {
          prov: '吉林省',
          label: '松原市'
        },
        {
          prov: '吉林省',
          label: '白城市'
        },
        {
          prov: '吉林省',
          label: '延边朝鲜族自治州'
        },
        {
          prov: '黑龙江省',
          label: '哈尔滨市'
        },
        {
          prov: '黑龙江省',
          label: '齐齐哈尔市'
        },
        {
          prov: '黑龙江省',
          label: '鸡西市'
        },
        {
          prov: '黑龙江省',
          label: '鹤岗市'
        },
        {
          prov: '黑龙江省',
          label: '双鸭山市'
        },
        {
          prov: '黑龙江省',
          label: '大庆市'
        },
        {
          prov: '黑龙江省',
          label: '伊春市'
        },
        {
          prov: '黑龙江省',
          label: '佳木斯市'
        },
        {
          prov: '黑龙江省',
          label: '七台河市'
        },
        {
          prov: '黑龙江省',
          label: '牡丹江市'
        },
        {
          prov: '黑龙江省',
          label: '黑河市'
        },
        {
          prov: '黑龙江省',
          label: '绥化市'
        },
        {
          prov: '黑龙江省',
          label: '大兴安岭地区'
        },
        {
          prov: '上海市',
          label: '上海市'
        },
        {
          prov: '江苏省',
          label: '南京市'
        },
        {
          prov: '江苏省',
          label: '无锡市'
        },
        {
          prov: '江苏省',
          label: '徐州市'
        },
        {
          prov: '江苏省',
          label: '常州市'
        },
        {
          prov: '江苏省',
          label: '苏州市'
        },
        {
          prov: '江苏省',
          label: '南通市'
        },
        {
          prov: '江苏省',
          label: '连云港市'
        },
        {
          prov: '江苏省',
          label: '淮安市'
        },
        {
          prov: '江苏省',
          label: '盐城市'
        },
        {
          prov: '江苏省',
          label: '扬州市'
        },
        {
          prov: '江苏省',
          label: '镇江市'
        },
        {
          prov: '江苏省',
          label: '泰州市'
        },
        {
          prov: '江苏省',
          label: '宿迁市'
        },
        {
          prov: '浙江省',
          label: '杭州市'
        },
        {
          prov: '浙江省',
          label: '宁波市'
        },
        {
          prov: '浙江省',
          label: '温州市'
        },
        {
          prov: '浙江省',
          label: '嘉兴市'
        },
        {
          prov: '浙江省',
          label: '湖州市'
        },
        {
          prov: '浙江省',
          label: '绍兴市'
        },
        {
          prov: '浙江省',
          label: '金华市'
        },
        {
          prov: '浙江省',
          label: '衢州市'
        },
        {
          prov: '浙江省',
          label: '舟山市'
        },
        {
          prov: '浙江省',
          label: '台州市'
        },
        {
          prov: '浙江省',
          label: '丽水市'
        },
        {
          prov: '安徽省',
          label: '合肥市'
        },
        {
          prov: '安徽省',
          label: '芜湖市'
        },
        {
          prov: '安徽省',
          label: '蚌埠市'
        },
        {
          prov: '安徽省',
          label: '淮南市'
        },
        {
          prov: '安徽省',
          label: '马鞍山市'
        },
        {
          prov: '安徽省',
          label: '淮北市'
        },
        {
          prov: '安徽省',
          label: '铜陵市'
        },
        {
          prov: '安徽省',
          label: '安庆市'
        },
        {
          prov: '安徽省',
          label: '黄山市'
        },
        {
          prov: '安徽省',
          label: '滁州市'
        },
        {
          prov: '安徽省',
          label: '阜阳市'
        },
        {
          prov: '安徽省',
          label: '宿州市'
        },
        {
          prov: '安徽省',
          label: '六安市'
        },
        {
          prov: '安徽省',
          label: '亳州市'
        },
        {
          prov: '安徽省',
          label: '池州市'
        },
        {
          prov: '安徽省',
          label: '宣城市'
        },
        {
          prov: '福建省',
          label: '福州市'
        },
        {
          prov: '福建省',
          label: '厦门市'
        },
        {
          prov: '福建省',
          label: '莆田市'
        },
        {
          prov: '福建省',
          label: '三明市'
        },
        {
          prov: '福建省',
          label: '泉州市'
        },
        {
          prov: '福建省',
          label: '漳州市'
        },
        {
          prov: '福建省',
          label: '南平市'
        },
        {
          prov: '福建省',
          label: '龙岩市'
        },
        {
          prov: '福建省',
          label: '宁德市'
        },
        {
          prov: '江西省',
          label: '南昌市'
        },
        {
          prov: '江西省',
          label: '景德镇市'
        },
        {
          prov: '江西省',
          label: '萍乡市'
        },
        {
          prov: '江西省',
          label: '九江市'
        },
        {
          prov: '江西省',
          label: '新余市'
        },
        {
          prov: '江西省',
          label: '鹰潭市'
        },
        {
          prov: '江西省',
          label: '赣州市'
        },
        {
          prov: '江西省',
          label: '吉安市'
        },
        {
          prov: '江西省',
          label: '宜春市'
        },
        {
          prov: '江西省',
          label: '抚州市'
        },
        {
          prov: '江西省',
          label: '上饶市'
        },
        {
          prov: '山东省',
          label: '济南市'
        },
        {
          prov: '山东省',
          label: '青岛市'
        },
        {
          prov: '山东省',
          label: '淄博市'
        },
        {
          prov: '山东省',
          label: '枣庄市'
        },
        {
          prov: '山东省',
          label: '东营市'
        },
        {
          prov: '山东省',
          label: '烟台市'
        },
        {
          prov: '山东省',
          label: '潍坊市'
        },
        {
          prov: '山东省',
          label: '济宁市'
        },
        {
          prov: '山东省',
          label: '泰安市'
        },
        {
          prov: '山东省',
          label: '威海市'
        },
        {
          prov: '山东省',
          label: '日照市'
        },
        {
          prov: '山东省',
          label: '莱芜市'
        },
        {
          prov: '山东省',
          label: '临沂市'
        },
        {
          prov: '山东省',
          label: '德州市'
        },
        {
          prov: '山东省',
          label: '聊城市'
        },
        {
          prov: '山东省',
          label: '滨州市'
        },
        {
          prov: '山东省',
          label: '菏泽市'
        },
        {
          prov: '河南省',
          label: '郑州市'
        },
        {
          prov: '河南省',
          label: '开封市'
        },
        {
          prov: '河南省',
          label: '洛阳市'
        },
        {
          prov: '河南省',
          label: '平顶山市'
        },
        {
          prov: '河南省',
          label: '安阳市'
        },
        {
          prov: '河南省',
          label: '鹤壁市'
        },
        {
          prov: '河南省',
          label: '新乡市'
        },
        {
          prov: '河南省',
          label: '焦作市'
        },
        {
          prov: '河南省',
          label: '濮阳市'
        },
        {
          prov: '河南省',
          label: '许昌市'
        },
        {
          prov: '河南省',
          label: '漯河市'
        },
        {
          prov: '河南省',
          label: '三门峡市'
        },
        {
          prov: '河南省',
          label: '南阳市'
        },
        {
          prov: '河南省',
          label: '商丘市'
        },
        {
          prov: '河南省',
          label: '信阳市'
        },
        {
          prov: '河南省',
          label: '周口市'
        },
        {
          prov: '河南省',
          label: '驻马店市'
        },
        {
          prov: '河南省',
          label: '省直辖县级行政区划'
        },
        {
          prov: '湖北省',
          label: '武汉市'
        },
        {
          prov: '湖北省',
          label: '黄石市'
        },
        {
          prov: '湖北省',
          label: '十堰市'
        },
        {
          prov: '湖北省',
          label: '宜昌市'
        },
        {
          prov: '湖北省',
          label: '襄阳市'
        },
        {
          prov: '湖北省',
          label: '鄂州市'
        },
        {
          prov: '湖北省',
          label: '荆门市'
        },
        {
          prov: '湖北省',
          label: '孝感市'
        },
        {
          prov: '湖北省',
          label: '荆州市'
        },
        {
          prov: '湖北省',
          label: '黄冈市'
        },
        {
          prov: '湖北省',
          label: '咸宁市'
        },
        {
          prov: '湖北省',
          label: '随州市'
        },
        {
          prov: '湖北省',
          label: '恩施土家族苗族自治州'
        },
        {
          prov: '湖北省',
          label: '省直辖县级行政区划'
        },
        {
          prov: '湖北省',
          label: '仙桃市'
        },
        {
          prov: '湖北省',
          label: '潜江市'
        },
        {
          prov: '湖北省',
          label: '天门市'
        },
        {
          prov: '湖北省',
          label: '神农架林区'
        },
        {
          prov: '湖南省',
          label: '长沙市'
        },
        {
          prov: '湖南省',
          label: '株洲市'
        },
        {
          prov: '湖南省',
          label: '湘潭市'
        },
        {
          prov: '湖南省',
          label: '衡阳市'
        },
        {
          prov: '湖南省',
          label: '邵阳市'
        },
        {
          prov: '湖南省',
          label: '岳阳市'
        },
        {
          prov: '湖南省',
          label: '常德市'
        },
        {
          prov: '湖南省',
          label: '张家界市'
        },
        {
          prov: '湖南省',
          label: '益阳市'
        },
        {
          prov: '湖南省',
          label: '郴州市'
        },
        {
          prov: '湖南省',
          label: '永州市'
        },
        {
          prov: '湖南省',
          label: '怀化市'
        },
        {
          prov: '湖南省',
          label: '娄底市'
        },
        {
          prov: '湖南省',
          label: '湘西土家族苗族自治州'
        },
        {
          prov: '广东省',
          label: '广州市'
        },
        {
          prov: '广东省',
          label: '韶关市'
        },
        {
          prov: '广东省',
          label: '深圳市'
        },
        {
          prov: '广东省',
          label: '珠海市'
        },
        {
          prov: '广东省',
          label: '汕头市'
        },
        {
          prov: '广东省',
          label: '佛山市'
        },
        {
          prov: '广东省',
          label: '江门市'
        },
        {
          prov: '广东省',
          label: '湛江市'
        },
        {
          prov: '广东省',
          label: '茂名市'
        },
        {
          prov: '广东省',
          label: '肇庆市'
        },
        {
          prov: '广东省',
          label: '惠州市'
        },
        {
          prov: '广东省',
          label: '梅州市'
        },
        {
          prov: '广东省',
          label: '汕尾市'
        },
        {
          prov: '广东省',
          label: '河源市'
        },
        {
          prov: '广东省',
          label: '阳江市'
        },
        {
          prov: '广东省',
          label: '清远市'
        },
        {
          prov: '广东省',
          label: '东莞市'
        },
        {
          prov: '广东省',
          label: '中山市'
        },
        {
          prov: '广东省',
          label: '潮州市'
        },
        {
          prov: '广东省',
          label: '揭阳市'
        },
        {
          prov: '广东省',
          label: '云浮市'
        },
        {
          prov: '广西壮族自治区',
          label: '南宁市'
        },
        {
          prov: '广西壮族自治区',
          label: '柳州市'
        },
        {
          prov: '广西壮族自治区',
          label: '桂林市'
        },
        {
          prov: '广西壮族自治区',
          label: '梧州市'
        },
        {
          prov: '广西壮族自治区',
          label: '北海市'
        },
        {
          prov: '广西壮族自治区',
          label: '防城港市'
        },
        {
          prov: '广西壮族自治区',
          label: '钦州市'
        },
        {
          prov: '广西壮族自治区',
          label: '贵港市'
        },
        {
          prov: '广西壮族自治区',
          label: '玉林市'
        },
        {
          prov: '广西壮族自治区',
          label: '百色市'
        },
        {
          prov: '广西壮族自治区',
          label: '贺州市'
        },
        {
          prov: '广西壮族自治区',
          label: '河池市'
        },
        {
          prov: '广西壮族自治区',
          label: '来宾市'
        },
        {
          prov: '广西壮族自治区',
          label: '崇左市'
        },
        {
          prov: '海南省',
          label: '海口市'
        },
        {
          prov: '海南省',
          label: '三亚市'
        },
        {
          prov: '海南省',
          label: '三沙市'
        },
        {
          prov: '海南省',
          label: '省直辖县级行政区划'
        },
        {
          prov: '海南省',
          label: '五指山市'
        },
        {
          prov: '海南省',
          label: '琼海市'
        },
        {
          prov: '海南省',
          label: '儋州市'
        },
        {
          prov: '海南省',
          label: '文昌市'
        },
        {
          prov: '海南省',
          label: '万宁市'
        },
        {
          prov: '海南省',
          label: '东方市'
        },
        {
          prov: '海南省',
          label: '定安县'
        },
        {
          prov: '海南省',
          label: '屯昌县'
        },
        {
          prov: '海南省',
          label: '澄迈县'
        },
        {
          prov: '海南省',
          label: '临高县'
        },
        {
          prov: '海南省',
          label: '白沙黎族自治县'
        },
        {
          prov: '海南省',
          label: '昌江黎族自治县'
        },
        {
          prov: '海南省',
          label: '乐东黎族自治县'
        },
        {
          prov: '海南省',
          label: '陵水黎族自治县'
        },
        {
          prov: '海南省',
          label: '保亭黎族苗族自治县'
        },
        {
          prov: '海南省',
          label: '琼中黎族苗族自治县'
        },
        {
          prov: '重庆市',
          label: '重庆市'
        },
        {
          prov: '四川省',
          label: '成都市'
        },
        {
          prov: '四川省',
          label: '自贡市'
        },
        {
          prov: '四川省',
          label: '攀枝花市'
        },
        {
          prov: '四川省',
          label: '泸州市'
        },
        {
          prov: '四川省',
          label: '德阳市'
        },
        {
          prov: '四川省',
          label: '绵阳市'
        },
        {
          prov: '四川省',
          label: '广元市'
        },
        {
          prov: '四川省',
          label: '遂宁市'
        },
        {
          prov: '四川省',
          label: '内江市'
        },
        {
          prov: '四川省',
          label: '乐山市'
        },
        {
          prov: '四川省',
          label: '南充市'
        },
        {
          prov: '四川省',
          label: '眉山市'
        },
        {
          prov: '四川省',
          label: '宜宾市'
        },
        {
          prov: '四川省',
          label: '广安市'
        },
        {
          prov: '四川省',
          label: '达州市'
        },
        {
          prov: '四川省',
          label: '雅安市'
        },
        {
          prov: '四川省',
          label: '巴中市'
        },
        {
          prov: '四川省',
          label: '资阳市'
        },
        {
          prov: '四川省',
          label: '阿坝藏族羌族自治州'
        },
        {
          prov: '四川省',
          label: '甘孜藏族自治州'
        },
        {
          prov: '四川省',
          label: '凉山彝族自治州'
        },
        {
          prov: '贵州省',
          label: '贵阳市'
        },
        {
          prov: '贵州省',
          label: '六盘水市'
        },
        {
          prov: '贵州省',
          label: '遵义市'
        },
        {
          prov: '贵州省',
          label: '安顺市'
        },
        {
          prov: '贵州省',
          label: '毕节市'
        },
        {
          prov: '贵州省',
          label: '铜仁市'
        },
        {
          prov: '贵州省',
          label: '黔西南布依族苗族自治州'
        },
        {
          prov: '贵州省',
          label: '黔东南苗族侗族自治州'
        },
        {
          prov: '贵州省',
          label: '黔南布依族苗族自治州'
        },
        {
          prov: '云南省',
          label: '昆明市'
        },
        {
          prov: '云南省',
          label: '曲靖市'
        },
        {
          prov: '云南省',
          label: '玉溪市'
        },
        {
          prov: '云南省',
          label: '保山市'
        },
        {
          prov: '云南省',
          label: '昭通市'
        },
        {
          prov: '云南省',
          label: '丽江市'
        },
        {
          prov: '云南省',
          label: '普洱市'
        },
        {
          prov: '云南省',
          label: '临沧市'
        },
        {
          prov: '云南省',
          label: '楚雄彝族自治州'
        },
        {
          prov: '云南省',
          label: '红河哈尼族彝族自治州'
        },
        {
          prov: '云南省',
          label: '文山壮族苗族自治州'
        },
        {
          prov: '云南省',
          label: '西双版纳傣族自治州'
        },
        {
          prov: '云南省',
          label: '大理白族自治州'
        },
        {
          prov: '云南省',
          label: '德宏傣族景颇族自治州'
        },
        {
          prov: '云南省',
          label: '怒江傈僳族自治州'
        },
        {
          prov: '云南省',
          label: '迪庆藏族自治州'
        },
        {
          prov: '西藏自治区',
          label: '拉萨市'
        },
        {
          prov: '西藏自治区',
          label: '昌都地区'
        },
        {
          prov: '西藏自治区',
          label: '山南地区'
        },
        {
          prov: '西藏自治区',
          label: '日喀则地区'
        },
        {
          prov: '西藏自治区',
          label: '那曲地区'
        },
        {
          prov: '西藏自治区',
          label: '阿里地区'
        },
        {
          prov: '西藏自治区',
          label: '林芝地区'
        },
        {
          prov: '陕西省',
          label: '西安市'
        },
        {
          prov: '陕西省',
          label: '铜川市'
        },
        {
          prov: '陕西省',
          label: '宝鸡市'
        },
        {
          prov: '陕西省',
          label: '咸阳市'
        },
        {
          prov: '陕西省',
          label: '渭南市'
        },
        {
          prov: '陕西省',
          label: '延安市'
        },
        {
          prov: '陕西省',
          label: '汉中市'
        },
        {
          prov: '陕西省',
          label: '榆林市'
        },
        {
          prov: '陕西省',
          label: '安康市'
        },
        {
          prov: '陕西省',
          label: '商洛市'
        },
        {
          prov: '甘肃省',
          label: '兰州市'
        },
        {
          prov: '甘肃省',
          label: '嘉峪关市'
        },
        {
          prov: '甘肃省',
          label: '金昌市'
        },
        {
          prov: '甘肃省',
          label: '白银市'
        },
        {
          prov: '甘肃省',
          label: '天水市'
        },
        {
          prov: '甘肃省',
          label: '武威市'
        },
        {
          prov: '甘肃省',
          label: '张掖市'
        },
        {
          prov: '甘肃省',
          label: '平凉市'
        },
        {
          prov: '甘肃省',
          label: '酒泉市'
        },
        {
          prov: '甘肃省',
          label: '庆阳市'
        },
        {
          prov: '甘肃省',
          label: '定西市'
        },
        {
          prov: '甘肃省',
          label: '陇南市'
        },
        {
          prov: '甘肃省',
          label: '临夏回族自治州'
        },
        {
          prov: '甘肃省',
          label: '甘南藏族自治州'
        },
        {
          prov: '青海省',
          label: '西宁市'
        },
        {
          prov: '青海省',
          label: '海东市'
        },
        {
          prov: '青海省',
          label: '海北藏族自治州'
        },
        {
          prov: '青海省',
          label: '黄南藏族自治州'
        },
        {
          prov: '青海省',
          label: '海南藏族自治州'
        },
        {
          prov: '青海省',
          label: '果洛藏族自治州'
        },
        {
          prov: '青海省',
          label: '玉树藏族自治州'
        },
        {
          prov: '青海省',
          label: '海西蒙古族藏族自治州'
        },
        {
          prov: '宁夏回族自治区',
          label: '银川市'
        },
        {
          prov: '宁夏回族自治区',
          label: '石嘴山市'
        },
        {
          prov: '宁夏回族自治区',
          label: '吴忠市'
        },
        {
          prov: '宁夏回族自治区',
          label: '固原市'
        },
        {
          prov: '宁夏回族自治区',
          label: '中卫市'
        },
        {
          prov: '新疆维吾尔自治区',
          label: '乌鲁木齐市'
        },
        {
          prov: '新疆维吾尔自治区',
          label: '克拉玛依市'
        },
        {
          prov: '新疆维吾尔自治区',
          label: '吐鲁番地区'
        },
        {
          prov: '新疆维吾尔自治区',
          label: '哈密地区'
        },
        {
          prov: '新疆维吾尔自治区',
          label: '昌吉回族自治州'
        },
        {
          prov: '新疆维吾尔自治区',
          label: '博尔塔拉蒙古自治州'
        },
        {
          prov: '新疆维吾尔自治区',
          label: '巴音郭楞蒙古自治州'
        },
        {
          prov: '新疆维吾尔自治区',
          label: '阿克苏地区'
        },
        {
          prov: '新疆维吾尔自治区',
          label: '克孜勒苏柯尔克孜自治州'
        },
        {
          prov: '新疆维吾尔自治区',
          label: '喀什地区'
        },
        {
          prov: '新疆维吾尔自治区',
          label: '和田地区'
        },
        {
          prov: '新疆维吾尔自治区',
          label: '伊犁哈萨克自治州'
        },
        {
          prov: '新疆维吾尔自治区',
          label: '塔城地区'
        },
        {
          prov: '新疆维吾尔自治区',
          label: '阿勒泰地区'
        },
        {
          prov: '新疆维吾尔自治区',
          label: '自治区直辖县级行政区划'
        },
        {
          prov: '新疆维吾尔自治区',
          label: '石河子市'
        },
        {
          prov: '新疆维吾尔自治区',
          label: '阿拉尔市'
        },
        {
          prov: '新疆维吾尔自治区',
          label: '图木舒克市'
        },
        {
          prov: '新疆维吾尔自治区',
          label: '五家渠市'
        },
        {
          prov: '台湾省',
          label: '台北市'
        },
        {
          prov: '台湾省',
          label: '高雄市'
        },
        {
          prov: '台湾省',
          label: '基隆市'
        },
        {
          prov: '台湾省',
          label: '台中市'
        },
        {
          prov: '台湾省',
          label: '台南市'
        },
        {
          prov: '台湾省',
          label: '新竹市'
        },
        {
          prov: '台湾省',
          label: '嘉义市'
        },
        {
          prov: '台湾省',
          label: '省直辖'
        },
        {
          prov: '香港特别行政区',
          label: '香港岛'
        },
        {
          prov: '香港特别行政区',
          label: '九龙'
        },
        {
          prov: '香港特别行政区',
          label: '新界'
        },
        {
          prov: '澳门特别行政区',
          label: '澳门半岛'
        },
        {
          prov: '澳门特别行政区',
          label: '澳门离岛'
        },
        {
          prov: '澳门特别行政区',
          label: '无堂区划分区域'
        }
      ]
      for (var val of allCity) {
        if (prov == val.prov) {
          tempCity.push({ label: val.label, value: val.label })
        }
      }
      this.citys = tempCity
    }
  }
}
</script>

<style lang="scss" scoped>
// 面包屑
.breadcrumb {
  display: flex;
  align-items: center;
  height: 0.3958rem;
  font-size: 0.0833rem;
  background-color: rgb(242, 244, 247);
  .icon {
    margin: 0 0.0521rem 0 0.0208rem;
  }
  .span {
    font-size: 0.0833rem;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #999999;
  }
  img {
    width: 0.0938rem;
    height: 0.0938rem;
    margin-right: 0.026rem;
  }
}
// 主体
.box {
  box-sizing: border-box;
  width: 100%;
  // height: 3.8021rem;
  background: #ffffff;
  // box-shadow: 0px 1px 10px 0px rgba(196, 196, 196, 0.15);
  border-radius: 0.0313rem;
  padding: 0.1042rem 0.3073rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 5;
  padding: 0.2604rem;
  // 标题
  .title {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 25px;
    h3 {
      font-size: 0.1146rem;
      font-family: Source Han Sans SC;
      font-weight: bold;
      color: #222222;
    }
  }
  .f1 {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin-top: 0.1042rem;
    ul {
      display: flex;
      align-items: center;
      li {
        display: flex;
        flex-direction: column;
        height: 0.2083rem;
        .icon {
          .icon1 {
            width: 0.1875rem;
          }
          .icon2 {
            width: 0.9375rem;
            height: 0.0104rem;
            margin: 0 0.1042rem;
          }
        }
        span {
          font-size: 0.1042rem;
          font-family: Source Han Sans SC;
          font-weight: 400;
          color: #627dca;
          margin-left: -0.1563rem;
          margin-top: 0.0156rem;
        }
      }
    }
  }
  .hint {
    height: 0.1354rem;
    display: flex;
    align-items: center;
    margin-top: 0.2604rem;
    margin-left: -37px;

    img {
      width: 0.099rem;
      height: 0.099rem;
      margin-right: 0.026rem;
    }
    div {
      box-sizing: border-box;
      padding-left: 0.0521rem;
      display: flex;
      align-items: center;
      // width: 2.5521rem;
      height: 0.1354rem;
      font-size: 0.0938rem;
      color: #b3b3b3;
      background-color: #f5f5f5;
      p {
        margin-right: 0.1563rem;
      }
      span {
        text-decoration: underline;
        cursor: pointer;
        font-size: 0.0833rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #3f6ef2;
      }
    }
  }
  .hint-f2 {
    box-sizing: border-box;
    width: 1.9271rem;
    height: 0.4948rem;
    background: #f5f5f5;
    margin-top: 0.1146rem;
    margin-left: -0.2604rem;
    padding: 0.0781rem 0.1302rem;
    p {
      font-size: 0.0729rem;
      font-family: Source Han Sans SC;
      font-weight: 400;
      color: #b3b3b3;
      line-height: 0.1146rem;
    }
  }
  .f2 {
    display: flex;
    height: 0.1354rem;
    margin-top: 0.1042rem;
    margin-left: 0.4167rem;
    p {
      font-size: 0.0938rem;
      color: #606266;
    }
    .option {
      display: flex;
      margin-left: 0.0781rem;
      // width: 3.125rem;
      height: 0.1354rem;
      .option-d1 {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        border: 1px solid #b3b3b3;
        background-color: #fff;
        color: #808080;
        width: 1.1rem;
        height: 0.1563rem;
        font-size: 0.0833rem;
        &.active {
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 1.1rem;
          height: 0.1563rem;
          background: #3f6ef2;
          border: 0.0052rem solid #3f6ef2;
          font-size: 0.0833rem;
          font-family: Source Han Sans SC;
          font-weight: 400;
          color: #fff;
        }
      }
    }
  }

  .f3 {
    display: flex;
    width: 3.9063rem;
    margin-top: 0.1042rem;

    // margin-top: 5%;
    ul {
      display: flex;
      flex-direction: column;
      // justify-content: space-between;
      li {
        display: flex;
        margin-bottom: 0.0521rem;
        height: 0.2604rem;
      }
    }
  }
  .remit-f3 {
    display: flex;
    width: 3.9063rem;
    margin-top: 0.1042rem;
    // margin-top: 5%;
    ul {
      display: flex;
      flex-direction: column;
      margin-left: 0.2604rem;
      // justify-content: space-between;
      li {
        display: flex;
        margin-bottom: 0.0521rem;
        height: 0.2604rem;
        input {
          box-sizing: border-box;
          width: 1.9271rem;
          height: 0.2031rem;
          font-size: 0.0781rem;
          border: 1px solid #e0e0e0;
          border-radius: 0px;
          padding: 0.0521rem;
          color: #606266;
          outline: 0;
        }
      }
    }
  }
  // 身份证正反面
  .license {
    width: 4.1667rem;
    display: flex;
    justify-content: center;
    // 小屏
    @media only screen and (min-width: 900px) and (max-width: 1535px) {
      margin-left: 267px;
    }
    // 中屏
    @media only screen and (min-width: 1536px) and (max-width: 1900px) {
      margin-left: 280px;
    }
    // 大屏
    @media only screen and (min-width: 1901px) and (max-width: 2580px) {
      margin-left: 285px;
    }
    .aaa {
      // 小屏
      @media only screen and (min-width: 900px) and (max-width: 1535px) {
        width: 75px;
      }
      // 中屏
      @media only screen and (min-width: 1536px) and (max-width: 1900px) {
        width: 75px;
      }
      // 大屏
      @media only screen and (min-width: 1901px) and (max-width: 2580px) {
        width: 70px;
      }
      font-size: 0.0833rem;
      font-family: Source Han Sans SC;
      font-weight: 400;
      color: #999999;
    }
    .permit {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      width: 1.3802rem;
      height: 0.7813rem;
      background: url(@/assets/authentication/组66.png) no-repeat;
      background-size: 100% 100%;
      margin-right: 0.0781rem;
      overflow: hidden;
      cursor: pointer;
      img {
        width: 1.3021rem;
        height: 100%;
      }
    }

    .permit-reverse {
      background: url(@/assets/authentication/组67.png) no-repeat;
      background-size: 100% 100%;
    }
    .card {
      width: 1.125rem;
      height: 0.6406rem;
      margin-right: 0.0417rem;
      img {
        width: 100%;
        height: 100%;
      }
    }
    .license-right {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      div {
        width: 100%;
        p {
          font-size: 0.0729rem;
          font-family: Source Han Sans SC;
          font-weight: 400;
          color: #999999;
          line-height: 0.125rem;
        }
      }
    }
  }
  // 服务协议
  .agreement {
    margin: 0.1042rem 0 0.0521rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 0.1302rem;
    text-align: center;
    user-select: none;
    span {
      font-size: 0.0729rem;
      color: #666;
      margin-left: 0.0365rem;
    }
    img {
      width: 0.0781rem;
      height: 0.0781rem;
      cursor: pointer;
    }
    a {
      font-size: 0.0729rem;
      color: #3f6ef2;
    }
  }
  // 按钮组
  .submit {
    margin-top: 0.0521rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    cursor: pointer;
    .btn {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 0.9375rem;
      height: 0.1771rem;
      background: #63c3dd;
      border-radius: 0.0208rem;
      font-size: 0.0938rem;
      font-family: Source Han Sans SC;
      font-weight: 400;
      color: #ffffff;
      margin-right: 0.1563rem;
    }
    .btn1 {
      background-color: #bfbfbf;
    }
    // 提交按钮
    .btn3 {
      background-color: #ccc;
      &.active {
        background-color: #3f6ef2;
      }
    }
  }
  // 企业打款认证模块
  .remit-f1 {
    position: relative;
    box-sizing: border-box;
    padding: 0.1042rem 0.1042rem;
    width: 3.6979rem;
    // height: 160px;
    border: 0.0052rem solid #cccccc;
    margin-top: 0.2344rem;
    .remit-f1-f1 {
      display: flex;
      flex-direction: column;
      align-items: center;
      // width: 100%;
      height: 0.151rem;
      img {
        width: 0.0781rem;
        height: 0.0781rem;
        margin-right: 0.026rem;
      }
      p {
        font-size: 0.0833rem;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #333333;
      }
      .hint {
        width: 100%;
        display: flex;
        margin-left: 0.0313rem;
        margin-top: -0.0521rem;
        height: 0.1354rem;
        // justify-content: center;
        img {
          width: 0.099rem;
          height: 0.099rem;
        }
        div {
          box-sizing: border-box;
          padding-left: 0.0521rem;
          display: flex;
          align-items: center;
          width: 2.75rem;
          height: 0.1354rem;
          font-size: 0.0938rem;
          background-color: #f5f5f5;

          p {
            color: #b3b3b3;
            margin-right: 0.1563rem;
          }
          span {
            text-decoration: underline;
            cursor: pointer;
            font-size: 0.0729rem;
            font-family: Source Han Sans SC;
            font-weight: 400;
            color: #3f6ef2;
          }
        }
      }
    }
    .remit-f1-f2 {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 0.5208rem;
      .remit-f1-f2-name {
        width: 100%;
        display: flex;
        margin-left: 0.1406rem;
        align-items: center;
        margin-top: 0.1563rem;

        div {
          display: flex;
          flex-direction: column;
          align-items: center;
          h4 {
            // text-align: center;
            font-size: 0.0833rem;
            font-family: Source Han Sans SC;
            font-weight: bold;
            color: #333333;
          }
          img {
            margin: 0 0.0938rem 0 0.0625rem;
            width: 0.6302rem;
            height: 0.0625rem;
          }
          // 标签
          .label {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 0.5rem;
            height: 0.1rem;
            border: 0.0052rem solid #3f6ef2;
            font-size: 0.0729rem;
            font-family: Source Han Sans SC;
            font-weight: 400;
            color: #3f6ef2;
          }
        }
      }
    }
  }
}
// 弹出框
.dialog-center {
  width: 90%;
  margin: 0 auto;
}
// 弹框按钮
.dialog-footer {
  display: flex;
  justify-content: space-evenly;
  width: 70%;
  margin: 0 auto;
  .dialog-footer-bnt {
    width: 121px;
    height: 31px;
    color: #3f6ef2;
    border: 1px solid #3f6ef2;
    border-radius: 4px;
    background-color: #fff;
  }
  .btn2 {
    color: #fff;
    background-color: #3f6ef2;
  }
}
/* 输入框样式  */
::v-deep .el-input__inner {
  box-sizing: border-box;
  width: 2.5521rem;
  height: 0.2031rem;
  font-size: 0.0833rem;
  border: 1px solid #e0e0e0;
  border-radius: 0px;
  padding: 0.0521rem;
  color: #606266;
  outline: 0;
}
// 企业打款表单
::v-deep .enterpriseName .el-input__inner {
  width: 1.5625rem;
}
::v-deep .enterpriseName .el-select {
  width: 1.5625rem;
}
::v-deep .el-form-item__label {
  font-size: 0.0938rem;
}
</style>
<style lang="scss">
// 上传
.el-upload--picture-card {
  background-color: rgba(245, 245, 245, 0.1);
  border: 0;
}

.el-upload-list--picture-card .el-upload-list__item {
  width: 100%;
  height: 160px;
  display: flex;
  margin: 0;
  z-index: 888;
}
.el-dialog__header {
  border: 0px;
}
.el-form-item {
  margin-bottom: 0;
}
</style>
